<template>
    <div>
        <el-container>
            <el-header>管理员界面</el-header>
            <el-container>
                <el-aside width="200px">
                    <!--默认选中菜单-->
                    <!--router代表是否进行路由跳转-->
                    <el-menu
                        default-active="/empInfoList"
                        class="el-menu-vertical-demo"
                        :router="true">
                        <el-menu-item-group>
                            <el-menu-item index="/empInfoList">员工信息管理</el-menu-item>
                            <el-menu-item index="/transportationlist">交通工具管理</el-menu-item>
                        </el-menu-item-group>
                    </el-menu>
                </el-aside>
                <el-main>
                    <!--router	是否使用 vue-router 的模式，启用该模式会在激活导航时以 index 作为 path 进行路由跳转-->
                    <!--等价于routerlink的to属性-->
                    <router-view></router-view>
                </el-main>
            </el-container>
        </el-container>
    </div>
</template>

<script>

export default {
    components: {},
    data() {
        return {};
    },
    computed: {},
    watch: {},
    methods: {},
    beforeCreate() {
    },

    created() {

    },

    beforeMount() {

    },

    mounted() {

    },

    beforeUpdate() {

    },

    updated() {

    },

    beforeDestroy() {

    },
    destroyed() {

    },

    activated() {

    },
}


</script>

<style scoped>

</style>